@media(max-width:1100px) {
#top{ width:100%; background:#fff; position:fixed; top:0; z-index:30; height:4rem;}
#top .k{ width:100%; max-width:1600px;  margin:0 auto;}
#logo{ float:left; margin-left:1rem;}
#logo img{ height:4rem;}
#mbtn{ float:right; display:block}
#mbtn img{ height:4rem;}
#menu{ float:right; width:100%; position:fixed; height:100%; background:rgba(0,0,0,0.8); left:0; top:0; display:none;}
#topmenu{ overflow:hidden; width:100%; border-bottom:solid 1px #f2f2f2; display:none;}
#topmenu ul{ float:right; }
#topmenu ul li{ float:left; margin-right:30px;}
#topmenu ul li a{ display:block; color:#727071; font-size:12px; line-height:44px;}
#topmenu ul li a img{ vertical-align:middle; margin-right:2px; margin-bottom:2px;}
#topmenu ul li a:hover{ color:#d4261f;}
#topmenu ul li:last-child{ margin-top:7px; margin-right:10px;}

#mainmenu{ overflow:hidden;background:#fff; width:60%; height:100%; overflow:scroll; float:left; margin-left:-60%; transition:all 0.5s;}
#mainmenu ul li{ float:left; margin-left:0%; width:100%; border-bottom:solid 1px #eee;}
#mainmenu ul li a{ display:block; font-size:1rem; line-height:4rem; font-weight:500; padding-left:2rem; background:url(image/bgcolor.png) no-repeat center 55px/0% 0px;}
#mainmenu ul li a:hover{ color:#d4261f;background:url(image/bgcolor.png) no-repeat center 55px/100% 0px;}
#mainmenu ul li .zmenu{ position:static; z-index:20; margin-left:0; display:none; background:#f7f7f7;}
#mainmenu ul li .zmenu p a{ line-height:3rem; padding:0 0 0 2rem; font-size:0.9rem; border-top:solid 1px #eee;}
#mainmenu ul li .zmenu p a:hover{ background:#d4261f; color:#fff;}
#mainmenu ul li.mbt{ display:block;}

#close{ display:block; width:2rem; float:left; background:#d4261f; cursor:pointer;}
#close img{ width:100%;}

#banner{ width:100%; overflow:hidden; margin-top:4rem;}
#banner video{ width:200%; margin-left:-50%; display:none;}
#img{ display:block;}
#img img{ width:100%;}

#word{ width:100%; overflow:hidden; text-align:center; position:absolute; z-index:1; margin-top:-14rem; color:#fff;}
#word p:nth-child(1){ font-size:0.8rem; line-height:1rem; font-weight:100;}
#word p:nth-child(2){ font-size:1.6rem; line-height:2.4rem; font-weight:900; letter-spacing:1vw; }
#word p:nth-child(3){ font-size:0.8rem; line-height:1rem; font-weight:100;  letter-spacing:0vw;}
#word p:nth-child(4){ margin-top:2rem;}
#word p:nth-child(4) a{ display:block; font-size:0.8rem; line-height:2rem; width:6rem; text-align:center; color:#fff; border-radius:50px; background:#d4261f; text-decoration:none; margin:0 auto;}
#word p:nth-child(4) a:hover{ width:8rem; background:#d0ba84;}

#ind_cy{ width:90%; max-width:1600px; overflow:hidden; margin:5.21vw auto 0 auto; }
#ind_cy .left{ float:left; width:44.5vw;  }
#ind_cy .left img{ width:100%;}

#ind_cy .right{ width:44.5vw; float:right; background:#d0ba84; overflow:hidden; height:21.25vw;}
#ind_cy .right .k{ padding:0 5vw; overflow:hidden; color:#fff;}
#ind_cy .right .k p:nth-child(1){ font-size:1rem; font-weight:500; text-align:center; line-height:21.25vw; margin-top:0vw; transition:all 0.5s;}
#ind_cy .right .k p:nth-child(1) a{ display:block}
#ind_cy .right .k p:nth-child(2){ font-size:0.8rem; line-height:30px; margin-top:1vw; display:none;}
#ind_cy .right .k .btn{ overflow:hidden; margin-top:2vw; display:none;}
#ind_cy .right .k .btn ul li{ float:left; margin-right:0.5vw; margin-bottom:0.5vw;}
#ind_cy .right .k .btn ul li a{ display:block; color:#fff; padding:0 18px; line-height:1.875vw; border:solid 2px #fff; }
#ind_cy .right .k .btn ul li a:hover{ background:#fff; color:#d4261f;}

#ind_cy .right .pic{width:43vw; height:21.25vw; display:none;}
#ind_cy .right .pic img{ width:100%; height:100%;}

#ind_cy .change{ position:absolute; margin-top:19vw; width:40.625vw; z-index:2; text-align:center; display:none;}
#ind_cy .change div{ display:inline-block;}
#ind_cy .change div p{ display:block; width:9px; height:9px; border:solid 2px #fff; border-radius:50%; float:left; cursor:pointer; margin:0 5px;}
#ind_cy .change div p:nth-child(1){ background:#fff;}

#ind_jt{ width:90%; max-width:1600px; overflow:hidden; margin:1vw auto 0 auto; }
#ind_jt .left{ float:left; width:44.5vw; height:21.25vw;  background:#d4261f; }
#ind_jt .left .k{ padding:0 5vw; overflow:hidden; color:#fff;}
#ind_jt .left .k p:nth-child(1){ font-size:1rem; font-weight:500; line-height:21.25vw; margin-top:0vw; text-align:center; transition:all 0.5s;}
#ind_jt .left .k p:nth-child(1) a{ display:block;}
#ind_jt .left .k p:nth-child(2){ font-size:18px; line-height:30px; margin-top:1vw;}
#ind_jt .left .k .btn{ overflow:hidden; margin-top:2vw; display:none;}
#ind_jt .left .k .btn ul li{ float:left; margin-right:0.5vw; margin-bottom:0.5vw;}
#ind_jt .left .k .btn ul li a{ display:block; color:#fff; padding:0 18px; line-height:1.875vw; border:solid 2px #fff; }
#ind_jt .left .k .btn ul li a:hover{ background:#fff; color:#d4261f;}

#ind_jt .right{ width:44.5vw; float:right;overflow:hidden;}
#ind_jt .right .ka{width:44.5vw; position:absolute; margin-top:-17.7vw; overflow:hidden;}
#ind_jt .right img{ width:44.5vw; height:100%; }

#ind_jt .left .pic{width:40.625vw; height:21.25vw; display:none;}
#ind_jt .left .pic img{ width:100%; height:100%;}

#ind_jt .change{ position:absolute; margin-top:19vw; width:40.625vw; z-index:2; text-align:center; display:none;}
#ind_jt .change div{ display:inline-block;}
#ind_jt .change div p{ display:block; width:9px; height:9px; border:solid 2px #fff; border-radius:50%; float:left; cursor:pointer; margin:0 5px;}
#ind_jt .change div p:nth-child(1){ background:#fff;}

#ind_gy{ width:90%; max-width:1600px; overflow:hidden; margin:4vw auto 0 auto; }
#ind_gy .left{ float:left; width:54.48vw; }
#ind_gy .left img{ width:100%;}

#ind_gy .right{ width:32vw; float:right; background:#f7f7f7; overflow:hidden; height:28.65vw;}
#ind_gy .right .k{ padding:0 5vw; overflow:hidden; color:#333;}
#ind_gy .right .k p:nth-child(1){ font-size:1rem; font-weight:500; line-height:28.65vw; text-align:center; margin-top:0vw; transition:all 0.5s;}
#ind_gy .right .k p:nth-child(1) a{ display:block; width:100%;}
#ind_gy .right .k p:nth-child(2){ font-size:18px; line-height:30px; margin-top:2vw;}
#ind_gy .right .k .btn{ overflow:hidden; margin-top:2vw; display:none;}
#ind_gy .right .k .btn ul li{ float:left; margin-right:0.5vw; margin-bottom:0.5vw;}
#ind_gy .right .k .btn ul li a{ display:block; color:#666; padding:0 18px; line-height:1.875vw; border:solid 2px #ddd; }
#ind_gy .right .k .btn ul li a:hover{ background:#d4261f; color:#fff;border:solid 2px #d4261f;}

#ind_gy .right .pic{width:26.77vw; height:28.65vw; display:none;}
#ind_gy .right .pic img{ width:100%; height:100%;}

#ind_gy .change{ position:absolute; margin-top:27vw; width:26.77vw; z-index:2; text-align:center; display:none;}
#ind_gy .change div{ display:inline-block;}
#ind_gy .change div p{ display:block; width:9px; height:9px; border:solid 2px #666; border-radius:50%; float:left; cursor:pointer; margin:0 5px;}
#ind_gy .change div p:nth-child(1){ background:#666;}

#ind_st{ width:90%; max-width:1600px; margin:1vw auto 0 auto; overflow:hidden;}
#ind_st ul li{ text-align:center; width:25%; float:left; height:28.5vw;}
#ind_st ul li:nth-child(1){ background:url(image/btn1.jpg) no-repeat center/100% 100%; transition:all 5s;}
#ind_st ul li:nth-child(1):hover{background:url(image/btn1.jpg) no-repeat center/120% 120%;}
#ind_st ul li:nth-child(1) a{ display:block; color:#fff; width:100%; height:28.5vw; overflow:hidden; background:#d4261f;}
#ind_st ul li:nth-child(1) a p:nth-child(1){ padding-top:5vw; transition:all 0.5s;}
#ind_st ul li:nth-child(1) a p:nth-child(1) img{ width:50%;}
#ind_st ul li:nth-child(1) a p:nth-child(2){ font-size:0.8rem; line-height:40px;}
#ind_st ul li:nth-child(1) a p:nth-child(3){ display:none;transition:all 0.5s;}

#ind_st ul li:nth-child(1) a:hover{ background:none;}
#ind_st ul li:nth-child(1) a:hover p:nth-child(1){ padding-top:8vw;}
#ind_st ul li:nth-child(1) a:hover p:nth-child(3){ display:block;}

#ind_st ul li:nth-child(2){ background:url(image/btn2.jpg) no-repeat center/100% 100%; transition:all 5s;}
#ind_st ul li:nth-child(2):hover{background:url(image/btn2.jpg) no-repeat center/120% 120%;}
#ind_st ul li:nth-child(2) a{ display:block; color:#fff; width:100%; height:28.5vw; overflow:hidden; background:#d0ba84;}
#ind_st ul li:nth-child(2) a p:nth-child(1){ padding-top:5vw; transition:all 0.5s;}
#ind_st ul li:nth-child(2) a p:nth-child(1) img{ width:50%;}
#ind_st ul li:nth-child(2) a p:nth-child(2){ font-size:0.8rem; line-height:40px;}
#ind_st ul li:nth-child(2) a p:nth-child(3){ display:none;transition:all 0.5s;}

#ind_st ul li:nth-child(2) a:hover{ background:none;}
#ind_st ul li:nth-child(2) a:hover p:nth-child(1){ padding-top:8vw;}
#ind_st ul li:nth-child(2) a:hover p:nth-child(3){ display:block;}

#ind_st ul li:nth-child(3){ background:url(image/btn3.jpg) no-repeat center/100% 100%; transition:all 5s;}
#ind_st ul li:nth-child(3):hover{background:url(image/btn3.jpg) no-repeat center/120% 120%;}
#ind_st ul li:nth-child(3) a{ display:block; color:#fff; width:100%; height:28.5vw; overflow:hidden; background:#444;}
#ind_st ul li:nth-child(3) a p:nth-child(1){ padding-top:5vw; transition:all 0.5s;}
#ind_st ul li:nth-child(3) a p:nth-child(1) img{ width:50%;}
#ind_st ul li:nth-child(3) a p:nth-child(2){ font-size:0.8rem; line-height:40px;}
#ind_st ul li:nth-child(3) a p:nth-child(3){ display:none;transition:all 0.5s;}

#ind_st ul li:nth-child(3) a:hover{ background:none;}
#ind_st ul li:nth-child(3) a:hover p:nth-child(1){ padding-top:8vw;}
#ind_st ul li:nth-child(3) a:hover p:nth-child(3){ display:block;}

#ind_st ul li:nth-child(4){ background:url(image/btn4.jpg) no-repeat center/100% 100%; transition:all 5s;}
#ind_st ul li:nth-child(4):hover{background:url(image/btn4.jpg) no-repeat center/120% 120%;}
#ind_st ul li:nth-child(4) a{ display:block; color:#fff; width:100%; height:28.5vw; overflow:hidden; background:#716f70;}
#ind_st ul li:nth-child(4) a p:nth-child(1){ padding-top:5vw; transition:all 0.5s;}
#ind_st ul li:nth-child(4) a p:nth-child(1) img{ width:50%;}
#ind_st ul li:nth-child(4) a p:nth-child(2){ font-size:0.8rem; line-height:40px;}
#ind_st ul li:nth-child(4) a p:nth-child(3){ display:none;transition:all 0.5s;}

#ind_st ul li:nth-child(4) a:hover{ background:none;}
#ind_st ul li:nth-child(4) a:hover p:nth-child(1){ padding-top:8vw;}
#ind_st ul li:nth-child(4) a:hover p:nth-child(3){ display:block;}

#bottom{ background:url(image/bottom.jpg) no-repeat center/auto 100%; margin-top:5.3vw; overflow:hidden; width:100%; height:auto; padding-bottom:1rem;}
#bottom .share{ width:100%; text-align:center; overflow:hidden;}
#bottom .share ul{ display:inline-block; padding-top:1rem;}
#bottom .share ul li{ float:left; margin:0 10px;}
#bottom .share ul li div{ position:absolute; margin:-150px 0 0 -45px; box-shadow:0 5px 5px rgba(0,0,0,0.2); width:145px; height:145px; overflow:hidden; display:none;}
#bottom .share ul li div img{ width:100%; height:145px;}
#bottom .share ul li a{ border:solid 2px rgba(255,255,255,0.4); display:block; border-radius:50%;}
#bottom .share ul li a img{ width:2rem;}
#bottom .share ul li a:hover{ background:#d4261f;border:solid 2px #d4261f;}
#bottom .share ul li:hover div{ display:block;}

#bottom .add{ color:#fff; text-align:center; margin-top:0.5rem; font-size:0.7rem; line-height:1rem;}
#bottom .add p{ display:none;}
#bottom .add br{ display:inherit;}
#bottom .add span{ display:none;}

#gotop{ position:fixed; right:1vw; bottom:1rem; background:#666; width:2.4rem; height:2.4rem; overflow:hidden; border-radius:50%; cursor:pointer; text-align:center;}
#gotop img{ width:60%; padding:20%;}

#tel{ position:fixed; right:1vw; bottom:4rem; background:#d4261f; width:2.4rem; height:2.4rem; overflow:hidden; border-radius:50%; cursor:pointer; text-align:center; display:block;}
#tel img{ width:80%; padding:10%;}

#aboutbanner{ width:100%; margin-top:4rem; z-index:-1;}
#aboutbanner img{ width:100%;}

#banner_color{ width:100%; margin-top:4rem; z-index:-1; background:#d4261f; height:3rem; color:#fff; text-align:center; line-height:3rem; font-size:1rem;}


#aboutmenu{ padding:20px 0; width:90%; max-width:1600px; margin:0 auto; text-align:center; overflow:hidden; border-bottom:solid 1px #f7f7f7; display:none; }
#aboutmenu ul{}
#aboutmenu ul li{ float:right; margin-right:1vw;}
#aboutmenu ul li a{ display:block; line-height:30px; padding:0 2vw; font-size:14px; background:#f7f7f7; border-radius:30px; color:#333;}
#aboutmenu ul li a:hover{ background:#d0ba84; color:#fff;}
#aboutmenu ul li a.it{ background:#d4261f; color:#fff;}

#cpmenu{ padding:20px 0; width:90%; max-width:1600px; margin:0 auto; text-align:center; overflow:hidden; border-bottom:solid 1px #f7f7f7; display:none; }
#cpmenu ul{}
#cpmenu ul li{ float:right; margin-right:1vw;}
#cpmenu ul li a{ display:block; line-height:30px; padding:0 2vw; font-size:14px; background:#f7f7f7; border-radius:30px; color:#333;}
#cpmenu ul li a:hover{ background:#d0ba84; color:#fff;}
#cpmenu ul li a.it{ background:#d4261f; color:#fff;}


#bread{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden; line-height:40px;}

#title{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden; margin-top:3vw; color:#333; text-align:left; }
#title p{ color:#999;}
#title h1{ font-weight:600; font-size:1.2rem;line-height:60px; }

#title1{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden; margin-top:3vw; color:#333; text-align:left; }
#title1 p{ color:#999;}
#title1 h2{ font-weight:600; font-size:1.2rem;line-height:60px; }

#title2{ width:90%; max-width:1600px; margin:0 auto; overflow:hidden; margin-top:3vw; color:#333; text-align:left; }
#title2 p{ color:#999;}
#title2 h2{ font-weight:600; font-size:1.2rem;line-height:60px; }

#about1{ width:90%; max-width:1600px; margin:1vw auto 0 auto; overflow:hidden;}
#about1 .con{font-size:0.8rem; line-height:2rem;}

#data{ width:90%; max-width:1600px; margin:2vw auto; overflow:hidden; border-top:solid 1px #f7f7f7; padding-top:2vw;}
#data ul{}
#data ul li{ width:100%; float:left; border-bottom:solid 1px #f7f7f7; padding-bottom:0.5rem; padding-top:0.5rem;}
#data ul li div:nth-child(1){ width:4rem; float:left;margin-right:10px;}
#data ul li div:nth-child(1) img{ width:100%;}
#data ul li p:nth-child(1){ font-size:2rem; padding-top:5px; font-weight:900; line-height:2rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#d4261f;}
#data ul li p:nth-child(2){ font-size:0.8rem; line-height:1rem; color:#333;}


#about2{ width:90%; max-width:1600px; margin:4vw auto 0 auto; overflow:hidden;}
#about2 ul{ width:100%;}
#about2 ul li{ width:100%; margin-right:0; float:left;}
#about2 .con{ width:100%; font-size:0.8rem; margin-top:2vw; line-height:2rem; padding:1rem 0;}
#about2 .con p{ padding:0;}
#about2 .pic{ width:100%;}
#about2 .pic img{ width:100%; border-radius:0.5rem;}

#about3{ width:90%; max-width:1600px; margin:2vw auto 0 auto; overflow:hidden;}
#about3 ul{ width:100%;}
#about3 ul li{ width:50%; float:left; margin-bottom:1rem;}
#about3 ul li a{ display:block; width:90%; text-align:center; line-height:2.4rem; font-size:0.7rem; color:#333; background:#f7f7f7; border-radius:0.5rem; overflow:hidden;}
#about3 ul li a p:nth-child(1){ margin:0.3rem; overflow:hidden; border-radius:0.2rem;}
#about3 ul li a img{ width:100%; transition:all 0.5s;}
#about3 ul li a:hover img{ transform:scale(1.15);}
#about3 ul li a:hover{ background:#d4261f; color:#fff;}

#history{ width:90%; max-width:1600px; margin:2vw auto 0 auto; overflow:hidden;}
#history .con{ background:url(image/line.jpg) no-repeat 10px top/4px 100%; overflow:hidden; width:100%; float:left;}
#history .con ul{}
#history .con ul li{ overflow:hidden; width:100%;}
#history .con ul li .k{ width:100%; float:left; }
#history .con ul li .bit{ float:left; width:50px; padding-top:14px;}
#history .con ul li .bit p{ width:14px; height:14px; display:block; background:#d4261f; border-radius:50%; float:left; margin-right:0; border:solid 5px #eee;}
#history .con ul li .li{ overflow:hidden; border-bottom:solid 1px #f7f7f7; padding-bottom:20px; margin-bottom:20px; text-align:left;}
#history .con ul li .li p:nth-child(1){ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:800; color:#d0ba84; line-height:50px;}
#history .con ul li .li p:nth-child(2){ font-size:14px;}
#history .con ul li.it .k{ float:right; width:100%;}
#history .con ul li.it .bit{ float:left; width:50px; padding-top:14px;}
#history .con ul li.it .bit p{ width:14px; height:14px; display:block; background:#d4261f; border-radius:50%; float:left; margin-left:0; border:solid 5px #eee;}
#history .con ul li.it .li{ overflow:hidden; border-bottom:solid 1px #f7f7f7; padding-bottom:20px; margin-bottom:20px;text-align:left;}
#history .con ul li.it .li p:nth-child(1){ font-size:30px; font-family:Arial, Helvetica, sans-serif; font-weight:800; color:#d0ba84; line-height:50px;}
#history .con ul li.it .li p:nth-child(2){ font-size:14px;}


#cerfitecate1{ width:90%; max-width:1600px; margin:1vw auto 0 auto; overflow:hidden;}
#cerfitecate1{font-size:0.8rem; line-height:2rem;}

#cerfitecate2{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#cerfitecate2 ul{}
#cerfitecate2 ul li{ float:left; width:48%; text-align:center;}
#cerfitecate2 ul li a{ display:block; line-height:2rem; font-size:0.7rem; padding:0.2rem; border-radius:14px;}
#cerfitecate2 ul li img{ width:100%;}

#rd{width:90%; max-width:1600px; margin:2rem auto 0 auto; overflow:hidden;}
#rd ul li{ float:left; width:50%;}
#rd ul li a{ display:block; width:90%; line-height:50px;}
#rd ul li a img{ width:100%;}

#video1{ width:94%; max-width:1600px; margin:2vw auto 0 auto; overflow:hidden;}
#video1 ul li{ width:50%; float:left; margin-bottom:2vw;}
#video1 ul li a{ display:block; line-height:3rem; font-size:0.8rem; text-align:center; width:90%; overflow:hidden; margin:0 auto;}
#video1 ul li a div:nth-child(1){ background-size:100%; background-repeat:no-repeat; overflow:hidden; transition:all 0.5s;}
#video1 ul li a div:nth-child(1) p{ background:rgba(0,0,0,0.7); transition:all 0.5s;}
#video1 ul li a img{ width:100%;}
#video1 ul li a:hover{ background:#d4261f; color:#fff;}
#video1 ul li a:hover div:nth-child(1){background-size:110%;}
#video1 ul li a:hover div:nth-child(1) p{ background:rgba(0,0,0,0);}

#pro_cy{ width:90%;max-width:1600px; margin:1vw auto 0 auto; overflow:hidden;}
#pro_cy .menu{ overflow:scroll;}
#pro_cy .menu ul{ width:57rem;}
#pro_cy .menu ul li{ float:left; margin-right:0.5rem;}
#pro_cy .menu ul li a{ display:block; background:#f7f7f7; line-height:2rem; font-size:0.7rem; border-radius:20px; padding:0 1rem;}
#pro_cy .menu ul li a:hover{background:#d0ba84; color:#fff;}
#pro_cy .menu ul li a.it{background:#d4261f; color:#fff;}

#pro_cy .menu1{ overflow:scroll;}
#pro_cy .menu1 ul{ width:57rem;}
#pro_cy .menu1 ul li{ float:left; margin-right:0.5rem;}
#pro_cy .menu1 ul li a{ display:block; background:#fff; line-height:2rem; font-size:0.7rem; border-radius:20px; padding:0 1rem;}
#pro_cy .menu1 ul li a:hover{background:#d0ba84; color:#fff;}
#pro_cy .menu1 ul li a.it{background:#d4261f; color:#fff;}


#prolist{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#prolist ul{}
#prolist ul li{ width:48%; float:left; padding:15px 1%}
#prolist ul li a{ display:block; border-radius:10px; box-shadow:0 3px 10px rgba(0,0,0,0.1); padding:10px; text-align:center; line-height:2rem; font-size:0.8rem; border:solid 2px #fff;}
#prolist ul li a p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.8rem;}
#prolist ul li a img{ width:100%;}
#prolist ul li a p:nth-child(2) img{ width:1.6rem; vertical-align:middle; margin-bottom:2px; margin-right:5px; margin-left:-1.6rem;}
#prolist ul li a:hover{ border:solid 2px #d4261f;}

#page{ overflow:hidden; text-align:center; width:100%; margin:3vw auto 0 auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li.k{ display:none;}
#page ul li a{ display:block; background:#f7f7f7; border-radius:3px; line-height:36px; padding:0 20px; font-size:12px;}
#page ul li a:hover{ background:#d0ba84; color:#fff;}
#page ul li a.it{ background:#d4261f; color:#fff;}

#page1{ overflow:hidden; text-align:center; width:100%; margin:3vw auto 0 auto;}
#page1 ul{ display:inline-block;}
#page1 ul li{ float:left; margin:0 5px;}
#page1 ul li.k{ display:none;}
#page1 ul li a{ display:block; background:#fff; border-radius:3px; line-height:36px; padding:0 20px; font-size:12px;}
#page1 ul li a:hover{ background:#d0ba84; color:#fff;}
#page1 ul li a.it{ background:#d4261f; color:#fff;}

#kuang{ margin-top:4rem; overflow:hidden; background:#f7f7f7; }

#kuang2{ margin-top:4rem; overflow:hidden; background:url(image/di1.jpg) no-repeat top center/260% auto #f7f7f7; }


#probig{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#probig .pic{ float:left; overflow:hidden; width:100%;}
#probig .pic img{ width:100%;}

#probig .con{ overflow:hidden; background:none; float:right; width:100%; padding:3vw 0 3vw 0; height:auto}
#probig .con h1{ font-size:1.2rem; line-height:2rem; font-weight:600; }
#probig .con p{ font-size:0.8rem; line-height:1.6rem; margin-top:1rem;}
#probig .con p:nth-child(3){ font-size:1rem;  font-weight:bold; padding-top:1vw; }
#probig .con p:nth-child(4){ overflow:hidden;border-top:solid 1px #f7f7f7; padding-top:2rem;}
#probig .con p:nth-child(4) span{ display:block; float:left; margin-right:10px; border:solid 1px #eee; line-height:30px; background:#fff; border-radius:5px; font-size:12px; padding:0 15px; margin-bottom:10px;}
#probig .con p:nth-child(5){ margin-top:1rem; padding-top:1rem;font-size:1rem;}
#probig .con p:nth-child(5) a{display:block; color:#fff; background:#d4261f; line-height:40px; padding:0 30px; text-align:center; font-size:14px; border-radius:50px; float:left; margin-right:1vw;}
#probig .con p:nth-child(5) a:hover{ padding:0 40px;}
#probig .con p:nth-child(5) a:nth-child(2){ background:#d0ba84;}

#pro_cai{ width:90%; max-width:1600px; background:#fff; margin:2rem auto 0 auto; overflow:hidden;}
#pro_cai .tt{ overflow:hidden; border-bottom:solid 1px #eee; line-height:60px; margin:2vw 3vw 0 3vw;}
#pro_cai .tt h2{ font-size:1.2rem; color:#333; float:left;}
#pro_cai .tt p{ float:right;}
#pro_cai .tt p a{ display:block; width:100px; line-height:30px; border-radius:50px; background:#f7f7f7; text-align:center; color:#d4261f; margin-top:1rem; }
#pro_cai .tt p a:hover{ background:#d4261f; color:#fff; width:120px;}

#pro_cai .list{ overflow:hidden;  margin:1rem 3vw 3vw 3vw;}
#pro_cai .list ul li{ float:left; width:50%; margin-bottom:1rem;}
#pro_cai .list ul li a{ display:block; text-align:center; width:90%; font-size:0.8rem; margin:0 auto; line-height:2rem; background:#f7f7f7; border-radius:0.2rem; overflow:hidden;}
#pro_cai .list ul li a img{ width:100%; transition:all 0.5s;}
#pro_cai .list ul li a p{ overflow:hidden;}
#pro_cai .list ul li a:hover{ background:#d4261f; color:#fff;}
#pro_cai .list ul li a:hover img{ transform:scale(1.15);}
#pro_cai .list ul li:nth-child(5){ display:none;}

#news{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#news ul li{ padding-bottom:2rem;}
#news ul li a{ display:block; background:#fff; overflow:hidden; padding:0;  margin:0 auto; }
#news ul li a .pic{ float:left; width:100%; margin-right:0; overflow:hidden;}
#news ul li a .pic img{ width:100%; transition:all 0.5s;}
#news ul li a .con{ float:right; width:100%;}
#news ul li a .con p:nth-child(1){ font-size:1rem; line-height:1.4rem; padding-top:10px;color:#333; font-weight:700; overflow:hidden;}
#news ul li a .con  p:nth-child(2){ font-size:0.8rem; color:#999; margin-top:10px;}
#news ul li a .con  p:nth-child(2) img{ width:0.8rem; vertical-align:middle; margin-right:5px; margin-bottom:2px;}
#news ul li a .con  p:nth-child(3){ font-size:0.8rem;overflow:hidden; padding-top:10px; line-height:24px;}
#news ul li a .con  p:nth-child(4){ width:120px; background:#f7f7f7; color:#D4261F; text-align:center; border-radius:30px; line-height:36px; margin-top:20px; transition:all 0.5s;}
#news ul li a .con  p:nth-child(4):hover{ width:150px; background:#D4261F; color:#fff;}
#news ul li a:hover .pic img{ transform:scale(1.15);}
#news ul li a:hover .con p:nth-child(1){ color:#D4261F;}

#investor{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#investor ul{ padding:0;}
#investor ul li{ background:url(image/bgcolor.png) no-repeat 0 bottom/0 2px #f7f7f7; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.0); margin-bottom:2vw; transition:all 0.5s;}
#investor ul li:hover{box-shadow:0 3px 10px rgba(0,0,0,0.1);background:url(image/bgcolor.png) no-repeat 0 bottom/100% 2px #ffff; }
#investor ul li .con{ float:left; overflow:hidden; padding:0.5rem; width:50vw;}
#investor ul li .con img{ height:50px; float:left; margin-right:0.2rem}
#investor ul li .con p:nth-child(2){ font-size:0.8rem; line-height:1.2rem; color:#333;}
#investor ul li .con p:nth-child(3){ font-size:0.7rem;}

#investor ul li .btn{ float:right;}
#investor ul li .btn a{ display:block; width:2rem; height:2rem;  float:left; border-radius:50%; border:solid 1px #eee; margin-right:10px; margin-top:1rem;}
#investor ul li .btn a.download{ background:url(image/down.png) no-repeat 0 0/2rem #fff;margin-right:0.5rem;}
#investor ul li .btn a.download:hover{ background:url(image/down1.png) no-repeat 0 0/2rem #fff}
#investor ul li .btn a.see{ background:url(image/eye.png) no-repeat 0px 0px/2rem #fff;}
#investor ul li .btn a.see:hover{ background:url(image/eye1.png) no-repeat 0px 0px/2rem #fff;}
#investor ul li .btn a:hover{ border:solid 1px #D4261F;}

#investor1{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#investor1 ul{ padding:0px;}
#investor1 ul li{ width:100%; float:left; margin-right:0%;}
#investor1 ul li a{ display:block; background:url(image/bgcolor.png) no-repeat 0 bottom/0 2px #f7f7f7; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.0); margin-bottom:2vw; transition:all 0.5s;}
#investor1 ul li a img{ width:100%}
#investor1 ul li a p{ overflow:hidden;}
#investor1 ul li a p:nth-child(2){ font-size:1rem; color:#333; padding:10px 10px 0px 20px; font-weight:700;}
#investor1 ul li a p:nth-child(3){ padding:0px 10px 10px 20px; font-size:0.7rem;}
#investor1 ul li a:hover{box-shadow:0 3px 10px rgba(0,0,0,0.1);background:url(image/bgcolor.png) no-repeat 0 bottom/100% 2px #ffff; }



#cp{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#cp ul li{ width:100%; margin-right:0%; float:left; margin-bottom:2vw;}
#cp ul li a{ display:block; padding:1rem; background:#fff;}
#cp ul li a p{ overflow:hidden;}
#cp ul li a p:nth-child(1) img{ width:100%; transition:all 0.5s;}
#cp ul li a p:nth-child(2){ font-size:18px; line-height:40px; padding-top:10px; color:#333;}
#cp ul li a p:nth-child(3){ overflow:hidden; white-space:normal; text-overflow:inherit;} 
#cp ul li a p:nth-child(4) img{ height:14px; vertical-align:middle; margin-bottom:2px; margin-left:5px;}
#cp ul li a:hover p:nth-child(1) img{ transform:scale(1.15)}
#cp ul li a:hover p:nth-child(2){ color:#D4261F;}


#cpbig{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#cpbig .pic{ float:left; overflow:hidden; width:100%;}
#cpbig .pic img{ width:100%;}

#cpbig .con{ overflow:hidden; background:#fff; float:right; width:90%; padding:3vw 5% 3vw 5%; height:auto;}
#cpbig .con h1{ font-size:1.2rem; line-height:40px; color:#333; font-weight:600; }
#cpbig .con p{ font-size:0.8rem; line-height:24px; margin-top:1vw;}
#cpbig .con p:nth-child(3){ font-size:0.8rem; color:#333; font-weight:bold; padding-top:0.5rem; border-top:solid 1px #f7f7f7; border-bottom:solid 1px #f7f7f7; padding-bottom:0.5rem;}
#cpbig .con p:nth-child(3) img{height:0.8rem; vertical-align:middle; margin-bottom:2px;}
#cpbig .con p:nth-child(4){font-size:1rem; color:#333; font-weight:bold; margin-top:1rem;}
#cpbig .con .sp{ display:block; overflow:hidden; padding:5px;}
#cpbig .con .sp ul li{ float:left; margin-right:10px; width:100%; margin-bottom:1rem; margin-top:1vw;}
#cpbig .con .sp ul li a{ display:block; box-shadow:0 2px 5px rgba(0,0,0,0.1); padding:10px; font-size:14px; overflow:hidden; border-radius:10px;}
#cpbig .con .sp ul li a img{ width:120px; float:left;}
#cpbig .con .sp ul li a div{ float:left;}
#cpbig .con .sp ul li a div p:nth-child(1){ line-height:30px; color:#333;}
#cpbig .con .sp ul li a div p:nth-child(2){ font-size:12px; width:90px; line-height:30px; background:#f7f7f7; text-align:center; border-radius:50px; transition:all 0.5s;}
#cpbig .con .sp ul li a:hover div p:nth-child(2){ background:#D4261F; color:#fff;}

#cp_zf{ width:90%; max-width:1600px; margin:1rem auto 0 auto; background:#fff; padding-bottom:3vw; overflow:hidden;}
#food{ width:100%; float:left; border-bottom:solid 1rem #f7f7f7;}
#food h2{ overflow:hidden; border-bottom:solid 1px #eee; line-height:60px; margin:2vw 3vw 0 3vw; font-size:1.2rem; color:#333;}

#food .sc{ margin:1vw 3vw 0 3vw;  overflow:hidden;}
#food .sc dl{ margin-right:0;}
#food .sc dl dt{ font-size:1rem; font-weight:bold; color:#D4261F; width:100%; overflow:hidden; line-height:50px; border-bottom:solid 1px #f7f7f7; margin-bottom:20px;}
#food .sc dl dd{ float:left; width:33%; font-size:0.7rem; margin-right:0; margin-bottom:1rem; text-align:center; line-height:2rem;}
#food .sc dl dd img{ width:60%; border-radius:50%;}

#method{ width:100%; float:right; overflow:hidden;}
#method h2{ overflow:hidden; border-bottom:solid 1px #eee; line-height:60px; margin:2vw 3vw 0 3vw; font-size:24px; color:#333;}
#method .zf{ overflow:hidden; margin-right:3vw; margin-left:3vw;}
#method .zf p{ border-bottom:solid 1px #f7f7f7; padding:40px 0 20px 0; font-size:0.8rem; line-height:1.2rem;}
#method .zf p span:nth-child(1){ display:block; width:30px; line-height:30px; border-radius:50%; background:#D4261F; color:#fff; text-align:center; float:left; margin-right:20px;}

#contact{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#contact .con{ float:left; width:100%; background:#f7f7f7; height:auto; padding-bottom:2rem}
#contact .con p{ border-bottom:solid 1px #eee; margin:0 2rem; padding:12px 0; font-size:0.8rem; overflow:hidden;}
#contact .con p:nth-child(1){ font-size:1.2rem; color:#D4261F; font-weight:700; margin-top:1rem;}
#contact .pic{ float:right; width:100%; margin-top:1rem;}
#contact .pic img{ width:100%;}

#servicepic{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#servicepic .left{ width:100%; float:left; margin-bottom:0.6rem;}
#servicepic .right{ width:100%; float:right;}
#servicepic img{ width:100%;}

#salenetpic{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#salenetpic .con{font-size:0.8rem; line-height:2rem;}
#salenetpic .pic{ text-align:center; width:100%; margin:3vw auto 0 auto; max-width:730px;}
#salenetpic .pic img{ width:100%;}


#cp1{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#cp1 ul li{ width:100%; margin-right:0%; float:left; margin-bottom:2vw;}
#cp1 ul li a{ display:block; padding:1rem; background:#fff; border-radius:1rem;}
#cp1 ul li a p{ overflow:hidden;border-radius:0.6rem;}
#cp1 ul li a img{ width:100%; transition:all 2s;}
#cp1 ul li a:hover img{ transform:scale(1.15)}

#bussiness{ width:90%; background:#f7f7f7;  margin:3vw auto 0 auto; overflow:hidden; max-width:1600px;}
#bussiness .k{ padding:3vw; overflow:hidden;}
#bussiness .k p{ float:left; width:100%; margin-bottom:2vw;}
#bussiness .k p:nth-child(2){ text-align:center;}
#bussiness .k p:nth-child(3){ text-align:right;}
#bussiness .k p input{ width:100%; text-indent:20px; height:2.6rem;}
#bussiness .k p:nth-child(4){ width:100%;}
#bussiness .k p textarea{ width:90%; height:150px; padding:20px 5%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#bussiness .k p:nth-child(5){ text-align:left; width:100%;}
#bussiness .k p button{ width:100%; height:2.6rem; transition:all 0.5s; line-height:2.6rem; background:#D4261F; font-size:16px; color:#fff; border-radius:5px; cursor:pointer;}
#bussiness .k p button:hover{ width:100%;}

#bussiness1{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden;}
#bussiness1 .k .left{ float:left; width:100%;}
#bussiness1 .k .left img{ width:100%;}
#bussiness1 .k .right p{ line-height:1.2rem; padding:1rem 0; border-bottom:solid 1px #eee; width:100%; float:right; font-size:0.8rem;}
#bussiness1 .k .right p:last-child{ border-bottom:none; overflow:hidden; margin-top:2vw;}
#bussiness1 .k .right p:last-child a{ display:block; float:left; margin-right:2vw; background:#f7f7f7; padding:10px; border-radius:10px; color:#D4261F;}
#bussiness1 .k .right p:last-child a span{ display:block; text-align:center; line-height:40px; float:left; padding:0 10px;}
#bussiness1 .k .right p:last-child a img{ width:40px; float:left;}

#bussiness2{ width:90%; max-width:1600px; margin:3vw auto 0 auto; overflow:hidden; background:url(image/di.jpg) no-repeat top center/auto 100%; background-attachment:inherit;}
#bussiness2 .left{ float:left; width:90%; padding:1rem 5%; margin:0 auto;}
#bussiness2 .left img{ width:100%;}
#bussiness2 .right{ float:left; overflow:hidden; width:100%; margin-top:4vw;}
#bussiness2 .right ul{}
#bussiness2 .right ul li{ width:80%; float:none; color:#fff; border-radius:10px; margin:0 auto 1rem auto; padding:1rem 5%; min-height:4rem;}
#bussiness2 .right ul li:nth-child(1){ background:rgba(208,186,132,0.8);}
#bussiness2 .right ul li:nth-child(2){ background:rgba(212,38,31,0.9);}
#bussiness2 .right ul li:nth-child(3){ background:rgba(105,142,236,0.9);}
#bussiness2 .right ul li:nth-child(4){ background:rgba(79,187,0,0.9);}
#bussiness2 .right ul li:nth-child(5){ background:rgba(117,156,149,0.9);}
#bussiness2 .right ul li:nth-child(6){ background:rgba(117,100,96,0.9);}
#bussiness2 .right ul li p:nth-child(2){ font-size:1.2rem; font-weight:700; line-height:2rem;}
#bussiness2 .right ul li p:nth-child(2) span{ font-size:1rem; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:500; line-height:30px;}
#bussiness2 .right ul li p:nth-child(3){ font-size:0.6rem;}
#bussiness2 .right ul li p:nth-child(1){ font-size:12px; position:absolute; margin:-2vw 0 0 78%;}
#bussiness2 .right ul li p:nth-child(1) a{ display:block; width:40px; height:40px; line-height:40px; color:#fff; border-radius:50%; text-align:center; background:rgba(0,0,0,0.4);}
#bussiness2 .right ul li:nth-child(6) p:nth-child(1){ font-size:1rem; font-family:Arial, sans-serif; line-height:24px; font-weight:500;}
#bussiness2 .right ul li:nth-child(6) p:nth-child(2){ font-size:1rem; font-family:Arial, sans-serif;line-height:18px;}

#bussiness3{ width:90%; max-width:1600px; text-align:center; margin:3vw auto 0 auto; overflow:hidden;}
#bussiness3 p{ display:inline-block;}
#bussiness3 a{ display:block; float:left; margin-right:2vw; background:#f7f7f7; padding:10px; border-radius:10px; color:#D4261F;}
#bussiness3 a span{ display:block; text-align:center; line-height:40px; float:left; padding:0 10px;}
#bussiness3 a img{ width:40px; float:left;}


#service{ width:90%; max-width:1600px; margin:1vw auto 0vw auto; overflow:hidden; }
#service .left h2{ font-weight:600; font-size:1.2rem;line-height:40px; color:#333; }
#service .left{ background:#f7f7f7; width:90%; float:right; padding:3vw 5%; height:auto; overflow:hidden;}
#service .left p{ font-size:0.8rem; line-height:30px; margin-top:1vw;}
#service .left p span{ display:block; background:#d4251f; border-radius:50%; width:24px; line-height:24px; height:24px; text-align:center; color:#fff; float:left; margin:3px 10px 0 0;}

#service .right{ float:left; width:100%; height:auto;}
#service .right img{ width:100%; height:auto;}

#service1{ width:90%; max-width:1600px; margin:1rem auto 1rem auto; overflow:hidden; }
#service1 .left{ background:#f7f7f7; width:90%; float:left; padding:3vw 5%; height:auto; overflow:hidden;}
#service1 .left h2{ font-weight:600; font-size:1.2rem;line-height:60px; color:#333; }
#service1 .left p{ font-size:0.8rem; line-height:30px; margin-top:1vw;}
#service1 .left p span{ display:block; font-size:18px; font-weight:700; color:#d4251f;}

#service1 .right{ float:right; color:#fff; width:90%; height:auto; background:#d4251f;padding:3vw 5%; text-align:center;}
#service1 .right p:nth-child(1){ font-size:1.2rem; font-weight:700; line-height:3rem; margin-top:1rem;}
#service1 .right p:nth-child(2){ font-size:0.8rem;}
#service1 .right p:nth-child(3){ font-size:0.8rem;}
#service1 .right p:nth-child(4) a{ display:block; background:#d0bb84; color:#fff; font-size:0.8rem; line-height:40px; border-radius:5px; width:150px; margin:2rem auto 1rem auto;}

#feedback{ width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:50; display:none;}
#feedback .k{ padding:3vw; overflow:hidden; background:#eee; width:80%; margin:0 auto;}
#feedback .k p{ float:left; width:100%; margin-bottom:0.5rem;}
#feedback .k p:nth-child(2){ text-align:center;}
#feedback .k p:nth-child(3){ text-align:right;}
#feedback .k p input{ width:100%; text-indent:0.5rem; height:2.4rem; font-size:0.8rem;}
#feedback .k p:nth-child(4){ width:100%;}
#feedback .k p textarea{ width:96%; height:5rem; padding:0.5rem 2%; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:0.8rem;}
#feedback .k p:nth-child(5){ text-align:left; width:100%; text-align:center;}
#feedback .k p button{ float:right; margin-right:10px; width:100px; height:2.4rem; transition:all 0.5s; line-height:2.4rem; background:#D4261F; font-size:0.8rem; color:#fff; border-radius:5px; cursor:pointer;}
#feedback .k p button:hover{ width:250px;}
#feedback .k p a{ display:block; height:2.4rem; width:100px; background:#716f70; color:#fff;line-height:2.4rem; font-size:0.8rem; border-radius:5px; float:right;}



#news_con{ width:90%; margin:2rem auto 2rem auto; overflow:hidden; }
#news_con .news_title{font-size: 1.5rem; padding:2rem;line-height: 2rem;}
#news_con img{width:100%;}

.botbox{height:auto; float:left; margin-bottom:20px}
.botbox .newpage span.l{float:left;width:100%}
.botbox .newpage span.r{float:left;width:100%}
.news_info_back{ width:90%; margin-top:2rem; margin-bottom:2rem;}
.news_info_back button{ width:100%; line-height:3rem; background:#e11931; color:#fff; cursor:pointer; transition:background 0.5s,color 0.5s;}

#search_list{ width:90%; margin:20px auto 30px auto; overflow:hidden;}
#search_list ul li{ border-bottom:solid 1px #eee;}
#search_list ul li a{ display:block; overflow:hidden; }
#search_list ul li a p.tt{ font-size:16px; color:#000; line-height:40px;}
#search_list ul li a p i{color:#F00;}
}